<!DOCTYPE html>
<html lang="en" style="font-size: 37.5px;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/pageMyOrder.css">
<body>
    @@include('./common/navbar.html')
    <div id="wrapper">
        <div id="middle" class="container ">
            <div id="pages-container">
                <div class="myorder-list-wrap">
                    <div class="pay-list js-all-list">
                        <div class="order-item">
                            <p class="order-num">
                                订单编号：2002270005194349
                            </p>
                            <ul class="course-list">
                                <a href="http://m.imooc.com/learn/1215" class="go-detail">

                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://img.mukewang.com/5e12e15309ff060712000676-156-88.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">uni-app 5小时快速入门</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥6.60</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥6.60</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>

                        <div class="order-item">
                            <p class="order-num">
                                订单编号：1704062217285263
                            </p>

                            <ul class="course-list">


                                <a href="https://coding.imooc.com/class/83.html" class="go-detail">

                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://szimg.mukewang.com/58a68f000001262805400300-160-90.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">React.js入门与实践项目 开发适配PC及移动端新闻头条平台</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥199.00</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥199.00</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>

                        <div class="order-item">
                            <p class="order-num">
                                订单编号：201608187308232025295752
                            </p>

                            <ul class="course-list">


                                <a href="https://coding.imooc.com/class/38.html" class="go-detail">

                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://szimg.mukewang.com/576376520001da3d05400300-160-90.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">Node.js七天搞定微信公众号</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥199.00</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥199.00</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>

                    </div>
                    <div class="pay-list js-nopay-list hide">

                        <div class="no-data l">您还没有相关的订单</div>

                    </div>
                    <div class="pay-list js-payed-list hide">


                        <div class="order-item">
                            <p class="order-num">订单编号：2002270005194349</p>

                            <ul class="course-list">

                                <a href="http://m.imooc.com/learn/1215" class="go-detail">
                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://img.mukewang.com/5e12e15309ff060712000676-156-88.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">uni-app 5小时快速入门</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥6.60</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥6.60</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>

                        <div class="order-item">
                            <p class="order-num">订单编号：1704062217285263</p>

                            <ul class="course-list">

                                <a href="https://coding.imooc.com/class/83.html" class="go-detail">
                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://szimg.mukewang.com/58a68f000001262805400300-160-90.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">React.js入门与实践项目 开发适配PC及移动端新闻头条平台</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥199.00</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥199.00</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>

                        <div class="order-item">
                            <p class="order-num">订单编号：201608187308232025295752</p>

                            <ul class="course-list">

                                <a href="https://coding.imooc.com/class/38.html" class="go-detail">
                                    <li class="order-course-item clearfix">
                                        <div class="img-box l"
                                            style="background-image: url('http://szimg.mukewang.com/576376520001da3d05400300-160-90.jpg');">
                                        </div>
                                        <div class="course-desc-box l">
                                            <p class="course-name">Node.js七天搞定微信公众号</p>
                                            <div class="bottom-desc clearfix">
                                                <p class="course-price l">￥199.00</p>
                                            </div>
                                        </div>
                                    </li>
                                </a>

                            </ul>


                            <div class="pay-box clearfix">
                                <p class="course-price l">总价<span>￥199.00</span></p>

                                <p class="status-text r">已完成</p>

                            </div>
                        </div>



                    </div>
                </div>
            </div>
            <!-- block -->
            <div class="loading js-loading">
                <div class="loading-img"></div>
                <p>支付跳转中</p>
            </div>

        </div>
    </div>
    @@include('./common/footer.html')
</body>

</html>